<template>
  <div style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%">
    <div class="content" style="">
    </div>
  </div>
</template>

<script>

export default {
  name: "index",
  data() {
    return {}
  },
  mounted() {
  },
  methods:{
  }
}
</script>

<style scoped>
.content {
 width: 718px;
  height: 634px;
  background: url("./img/bird.png") no-repeat;
  animation: .3s go steps(2) infinite;
}
@keyframes go  {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: -1436px;
  }
}
</style>

